import React, { Component } from 'react'
import { Button } from 'antd-mobile'
import Nav1 from "../../assets/images/nav-1.png"
import "./style.scss"
import url from "../../config/url.config"

class LatestInformationList extends Component {
    constructor(props) {
        super(props)
    }
    state = {}

    //组件挂载时触发
    componentWillMount() {

    }

    //组件完成挂载触发
    componentDidMount() {

    }

    //组件是否要更新数据时触发
    // shouldComponentUpdate() {

    // }

    //组件将要更新数据时触发
    componentWillUpdate() {

    }

    //组件更新数据完成时触发
    componentDidUpdate() {

    }

    //组件销毁时触发
    componentWillUnmount() {

    }

    render() {
        return (
            <div className="latestInformation">
                {/* <div className="title">
                    <p>最新资讯</p>
                </div> */}
                <div className="content">
                    <div className="left">
                        <img src={`${url}${this.props.imgSrc}`} alt="" />
                    </div>
                    <div className="right">
                        <div className="top">
                            <p className="title_children">
                                {this.props.title}
                            </p>
                        </div>
                        <div className="bottom">
                            <p>{this.props.from}</p>
                            <p>{this.props.date}</p>
                        </div>

                    </div>
                </div>
            </div>
        )
    }
}
export default LatestInformationList